Ich bin ein absoluter Anfänger und habe zwei Wochen lang selbst gelernt, um mich auf ein Bootcamp vorzubereiten, das in einem Monat ansteht. Um meine Fähigkeiten zu verbessern und "zu lernen, wie ein Entwickler zu denken", habe ich ein Projekt übernommen, das versucht, ein reales Problem zu lösen.
Meine Frau führt ein Geschäft, in dem sie Rechnungen für ihre Kunden erstellen muss. Ich versuche, mit HTML und JavaScript eine webbasierte Anwendung zu erstellen, mit der sie schnell benutzerdefinierte Rechnungen erstellen kann, anstatt sie jedes Mal manuell zu schreiben.
In der aktuellen Version fordert eine Eingabeaufforderung eine Nummer von ihr an. Diese Nummer generiert eine gleiche Anzahl von dreispaltigen Zeilen in HTML. Auf diese Weise kann sie die Rechnung mit der genauen Anzahl der benötigten Felder anpassen.
Spalte 1 enthält den Produktnamen. In derselben Zeile enthält Spalte 2 die Stückzahl, während Spalte 3 die Gesamtkosten dieses Produkts enthält, dh den Grundpreis multipliziert mit der Stückzahl. Ich möchte, dass diese Berechnung bei einem Klick auf eine Schaltfläche erfolgt. Aber ich stecke fest.
Um die Mathematik durchführen zu können, muss ich in der Lage sein, die ganzen Zahlen aus jeder Zeile und Spalte abzurufen und an eine Funktion zu übergeben. Da jedoch jede Zeile und Spalte automatisch generiert wurde, haben sie keine eindeutigen Attribute und können dadurch nicht identifiziert werden. Ich kann die Mathematik in jeder Spalte durchführen, aber nicht in jeder Zeile.
Da ich so neu bin und nur aus ein paar Codecademy-Einführungskursen und einigen YouTube-Videos gelernt habe, weiß ich nicht, wie ich beurteilen soll, ob ich mich dem Projekt völlig falsch nähere oder ob mir ein Trick fehlt oder nicht wenn es nur etwas gibt, das noch nicht gelernt wurde. Wenn mich jemand mit etwas Fachwissen in die richtige Richtung treiben könnte, würde ich es wirklich schätzen!
Ich habe den gesamten Code an diesen Beitrag angehängt. Entschuldigung, wenn es ein schreckliches Durcheinander ist. Schont mich, ich bin ein Anfänger!
const invDate = Date ();
var field = " Item:  " +
" Qty:  " +
" Preis ($):   
 
";
document.getElementById ('newInvoice'). onclick = function () {
let invoicedName = prompt ('An wen richtet sich diese Rechnung?', 'Geben Sie einen Namen ein');
let productFields = Number (Eingabeaufforderung ('Wie viele Produktnamen auf dieser Rechnung?', 'Bitte geben Sie eine Nummer ein'));
let fields = ''
let dynHtml = ''
if (Rechnungsname! = null && productFields! = null) {
für (sei i = 1; i <= productFields; i ++) {
Felder + = Feld};
} else {alert ('Bitte geben Sie gültige Eingaben ein.');
};
dynHtml = "  
 " +
"
 RECHNUNG " +
"
 Vorbereitet für: " + Rechnungsname + ", auf" +
"
" + invDate + " 
 " +
Felder + "
 " +
" Berechne  ";
document.write (dynHtml);
document.getElementById ('berechne'). onclick = Funktion getQtyFields () {
let qtyInputs = document.getElementsByName ('qty'),
resultQty = 0;
für (sei j = 0; j